<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi">
        <link rel="stylesheet" href="../css/m.style.css" />
        <link rel="stylesheet" href="../css/jqmEdit.css" />
        <link rel="stylesheet" type="text/css" href="../css/common.css" />
        <link rel="stylesheet" type="text/css" href="member.css" />
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
        <title>OAASYS2.0-MOBILE</title>
    </head>
    <script type="text/javascript" charset="utf-8">
        $(function() {
            $('.inputBoxArea').find('label').click(function() {
                switch($(this).parent().find('input').attr('type')) {
                    case 'radio' :
                        if ($('input:radio').is('input:checked')) {
                            $(this).parent().find('label').children('.checkbox_bg').removeClass('checkOn');
                        }
                        $(this).children().first().toggleClass('checkOn');
                        break;
                    case 'checkbox' :
                        $(this).children().first().toggleClass('checkOn');
                        break;
                }
            });
        });
    </script>
    <body>
        <div class="join" data-role="page" style="background-color:#E6E6E6;">
            <div class="header black" data-role="header" data-position="fixed">
                <a href="javascript:void(0);" class="btn btn_dark btn_left" data-role="none"><span class="btnText">이전</span></a>
                <h1><span class="headText">회원가입</span></h1>
                <a href="javascript:void(0);" class="btn btn_dark btn_right" data-role="none"><span class="btnText">다음</span></a>
            </div>
            <div class="container" data-role="content">
                <div class="center">
                    <div class="inputWrap">
                        <div class="inputArea">
                            <fieldset>
                                <legend class="blind">
                                    회원가입
                                </legend>
                                <dl>
                                    <dt>
                                        아이디
                                    </dt>
                                    <dd>
                                        <input type="text" class="inputText" value="">
                                    </dd>
                                    <dd class="infoText">
                                        <b>*</b> 4~15자, 영문, 숫자 조합
                                    </dd>
                                    <dt>
                                        이름
                                    </dt>
                                    <dd>
                                        <input type="text" class="inputText" value="">
                                    </dd>
                                    <dt>
                                        이메일
                                    </dt>
                                    <dd>
                                        <input type="email" class="inputText" value="">
                                    </dd>
                                    <dd class="infoText">
                                        <b>*</b> 아이디, 비밀번호 찾기에 이용됩니다.
                                        <br />
                                        정확한메일 주소를 입력해 주세요.
                                    </dd>
                                    <dt>
                                        비밀번호
                                    </dt>
                                    <dd>
                                        <input type="password" class="inputText" value="">
                                    </dd>
                                    <dd class="infoText">
                                        <b>*</b> 5자 이상으로 입력하세요.
                                    </dd>
                                    <dt>
                                        비번확인
                                    </dt>
                                    <dd>
                                        <input type="password" class="inputText" value="">
                                    </dd>
                                </dl>
                            </fieldset>
                        </div>
                    </div>
                    <div class="inputBoxArea">
                        <p>
                            <input type="checkbox" name="terms_of_use" value="" id="terms_of_use" class="checkbox" data-role="none"/>
                            <label for="terms_of_use"><span class="checkbox_bg"></span><span class="label_txt">이용약관 동의</span></label>
                            <a href="javascript:void(0);" hidefocus="true" class="link_underline">이용약관 보기</a>
                        </p>
                        <p>
                            <input type="radio" name="agreement" id="agree" class="radio" data-role="none"/>
                            <label for="agree"><span class="checkbox_bg"></span><span class="label_txt">동의</span></label>
                            <input type="radio" name="agreement" id="disagree" class="radio" data-role="none"/>
                            <label for="disagree"><span class="checkbox_bg"></span><span class="label_txt">동의안함</span></label>
                            <a href="javascript:void(0);" hidefocus="true" class="link_underline">개인정보 이용 정책</a>
                        </p>
                    </div>
                </div>
                <div class="bottom">
                    <div class="btnArea">
                        <a href="javascript:void(0);" hidefocus="true" class="btn btn31"><span class="btnText">다음</span></a>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>